// 路由激活颜色变灰
.router-link-exact-active {
    color: #b4b4b4 !important;
}


// 表格
.el-table {
    background-color: transparent !important;
    color: #eee !important;
}

.el-table thead {
    color: #eee !important;
}

.el-table th,
.el-table tr {
    background-color: transparent !important;
}


.el-table {
    /deep/tbody tr:hover>td {
        background-color: transparent !important;
    }
}


.el-table--border,
.el-table--group {
    border: none;
}

.el-table--border th {
    border-right: none;
}

.el-table--border th {
    border-bottom: 1px solid #2764f2;
}







.el-table td,
.el-table th.is-leaf {
    border: none;
}

.el-table td,
.el-table th.is-leaf {
    border: none !important;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    background-color: transparent !important;
}



// 表格100%
.el-table__body,
.el-table__footer,
.el-table__header {
    height: 100%;
}


// 底下的页码

.el-pagination {
    display: flex;
    justify-content: center;
}

.el-pagination button:disabled {
    background-color: transparent !important;
    color: #fff;
}

.el-pagination .btn-next {
    background-color: transparent !important;
    color: #fff;
}

.el-pager li.active {
    background-color: transparent !important;
    color: #685656;
}

.el-dialog,
.el-pager li {
    background-color: transparent !important;
    color: #fff;
}

.el-pagination .btn-prev {
    background-color: transparent !important;
    color: #fff;
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    color: #fff !important;
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    color: #fff !important;
}


.el-pagination__total {
    color: #fff;
}

.el-pagination__jump {
    color: #fff
}

.el-pagination__editor.el-input .el-input__inner {
    color: #eee
}


// 选择框
.el-select>.el-input {
    background-color: transparent !important;

}

.el-input--suffix .el-input__inner {
    background-color: transparent !important;
    border: 1px solid #0013d9;
    color: #ffffff;
}

.el-select .el-input .el-select__caret {
    color: #151d4f;
}

.el-select-dropdown__list {
    background-color: #151d4f;
    color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #283376 !important;
    color: #fff !important;
}

.el-select-dropdown__item {
    color: #ccc !important;
}

.el-select-dropdown {
    background-color: #283376 !important;
}

// 弹出层
.el-dialog--center {
    background-color: #182656 !important;
}

.el-dialog__title {
    color: #fff !important;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #fff !important;
}

.el-dialog--center .el-dialog__body {
    color: #fff !important;
    height: 300px;
}


// 级联选择器
.el-cascader-menu__list {
    background-color: #182656 !important;
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background-color: #182656 !important;
}

.el-cascader-menu {
    color: #ccc !important;
}

.el-cascader-node.in-active-path {
    color: #fff !important;
}


// 时间选择器
.el-input__inner {
    background-color: transparent !important;
    border: 1px solid #0013d9;
    color: #7ee6f8;
}

.el-range-editor .el-range-input {

    background-color: transparent !important;
}

.el-date-editor .el-range__icon {
    color: #fff;
}

.el-date-editor .el-range-separator {
    color: #fff;
}

.el-range-editor .el-range-input {
    color: #bbb;
}

.el-picker-panel__icon-btn {
    color: #bbb;
}

.el-picker-panel {
    background-color: #182656 !important;
    color: #fff;
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    background-color: #182656 !important;
    color: #fff;
}

.el-picker-panel__shortcut {
    color: #fff;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: #5d5e5e;
}

.el-date-table th {
    color: #bbb;
}

.in-range>div {
    background-color: #3c4668 !important;
}

.el-date-table td.today span {
    background-color: lightsalmon;
    color: #0054ab;
}









.el-table--scrollable-y .el-table__body-wrapper {
    overflow: scroll;
}

/*整个滚动条样式*/
.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 0px;
}

/*设置滚动条上的滚动滑块样式*/
.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background: transparent;
}

/*鼠标位于内容上时，滚动条样式*/
.el-table--scrollable-y .el-table__body-wrapper:hover::-webkit-scrollbar {
    width: 6px;
    height: 0px;
    background: rgb(187, 188, 190);
    border-radius: 6px;
}

/*鼠标位于内容上时，滚动滑块样式*/
.el-table--scrollable-y .el-table__body-wrapper:hover::-webkit-scrollbar-thumb {
    background: #296ebd;
    border-radius: 10px;
}



// 资产表格下的滚动条
.zichanbiaoge {
    .el-table__body-wrapper:hover::-webkit-scrollbar {
        height: 6px !important;
    }
}